{% extends "base.html" %} {% load staticfiles %}
{% block title %} 更新文章|老鑫头の个人博客 {% endblock title %}
{% block content %}
    <div class="container">
        <div class="row">
            <div class="col-12" align="center">
                <br>
                <form method="post" action="." enctype="multipart/form-data">
                    {% csrf_token %}
                    <!-- 文章标题 -->
                    <div class="form-group">
                        <label for="title">文章标题</label>
                        <!-- 在 value 属性中指定文本框的初始值为旧的内容，即 article 对象中的 title 字段 -->
                        <input type="text"
                               class="form-control col-4"
                               id="title"
                               name="title"
                               value="{{ article.title }}">
                    </div>
                    <!-- 文章栏目 -->
                    <div class="form-group">
                        <label for="column">栏目</label>
                        <select class="form-control col-4"
                                id="column"
                                name="column">
                            <option value="none">请选择栏目..</option>
                            {% for column in columns %}
                                <option value="{{ column.id }}"
                                        {% if column.id == article.column.id %}
                                        selected
                                        {% endif %}>
                                    {{ column }}
                                </option>
                            {% endfor %}
                        </select>
                    </div>

                    <!-- 文章标题图 -->
                    <div class="form-group col-3">
                        <label for="avatar">标题图</label>
                        <input type="file"
                               class="form-control-file"
                               name="avatar"
                               id="avatar">
                    </div>

                    <!-- 文章标签-->
                    <div class="form-group">
                        <label for="tags">标签</label>
                        <input type="text"
                               class="form-control col-4"
                               id="tags"
                               name="tags"
                               value="{{ tags }}">
                    </div>

                    <!-- 文章摘要 -->
                    <div class="form-group">
                        <label for="body">文章摘要：</label>
                        <!-- 文本区域 -->
                        <textarea
                                type="text"
                                style="text-indent: 2em"
                                class="form-control col-4"
                                id="abstract"
                                name="abstract"
                                rows="5">
                            {{ article.abstract }}
                        </textarea>
                    </div>

                    <!-- 文章正文 -->
                    <div class="form-group">
                        <label for="body">文章正文</label>
                        <!-- 文本域不需要 value 属性，直接在标签体中嵌入数据即可 -->
                        <textarea type="text"
                                  class="form-control col-9"
                                  style="text-indent: 2em"
                                  id="body"
                                  name="body"
                                  rows="12">{{ article.body }}</textarea>
                    </div>
                    <button type="submit" class="btn btn-primary">完成</button>
                </form>
            </div>
        </div>
    </div>
{% endblock content %}